<template>
	<div>
		<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" >
			<el-tab-pane label="工艺品管理" name="goodsManage">
				<GoodsManage/>
			</el-tab-pane>
			<el-tab-pane label="用户管理" name="userManage">
				<UserManage/>
			</el-tab-pane>
      <el-tab-pane label="标签管理" name="tagManage">
        <TagManage/>
      </el-tab-pane>
      <el-tab-pane label="分类管理" name="typeManage">
        <TypeManage/>
      </el-tab-pane>
      <el-tab-pane label="其他" name="other">
        <Other/>
      </el-tab-pane>
		</el-tabs>
	</div>
</template>
<script setup>
import GoodsManage from "@/pages/admin/component/goodsManage/Index.vue";
import UserManage from './component/userManager/Index.vue'
import TagManage from  './component/tagManage/Index.vue'
import TypeManage from  './component/typeManage/Index.vue'
import Other from './component/other/Index.vue'
import {ref} from 'vue'
const activeName = ref('goodsManage')

const handleClick = value => {

}
</script>
<style scoped>
.demo-tabs{
	width: 100%;
}
</style>
